#loginLayer,
#loadingLayer{
		opacity: 0; /**REMOVE THIS**/
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255, 0.3);
		display: table;
		transition: all 1s ease;
		position: absolute;
		top: 0;
		z-index: -1;
	}
#loadingLayer{
	transition: all 0.5s ease;
}

	#loginLayerWrapper,
	#loadingWrapper{
		display: table-cell;
    	vertical-align: middle;
    	width: inherit;
    	height: inherit;
	}
	.loginLayerContentsBox{
		width: 500px;
		height: 300px;
		background-color: white;
		-webkit-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.82);
		-moz-box-shadow:    0px 0px 9px 1px rgba(0, 0, 0, 0.82);
		box-shadow:         0px 0px 9px 1px rgba(0, 0, 0, 0.82);
		margin: 0 auto;
	}
	/**Styles for login pane**/
	#loginPanel{
		padding: 5px;
	}
	#loginPanel > div{
		width: 50%;
		height: 100%;
		float: left;
	}
	#loginPanel > div:first-child > form > div{
		margin: 0 auto;
		width: 170px;
	}
	#loginPanel > div:first-child > form > div > *{
		display: block;
		margin: 0;
		margin-top: 5px;
	}
	#loginPanel > div:first-child > form  input[type="text"],
	#loginPanel > div:first-child > form  input[type="password"]{
		width: 100%;
		height: 20px;
		line-height: 90%;
	}

	#loginLayer input{
		border: 1px solid #A9A9A9;
	}